@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.wrapper{width:1002px; margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
img{border:none;}
a{text-decoration:none;}
ul{list-style:none;}
.margin_top{margin-top:10px;}
.margin_top20{margin-top:20px;}
input{border:1px solid #ccc;}
textarea{border:1px solid #ccc;}
body{background: url(../images/bg.png) repeat-x scroll 50% 0% transparent;}

/*header*/
#header{}
#logo{margin-top:10px; float:left;}
#login{width:205px; height:22px;font-size:12px; margin-top:10px; float:right;}
#login a{color:#333; float:left; margin:0 5px 0 5px; font-size:12px;}
#login span{float:left; color:#333;}

/*nav*/
#nav{width:1002px; height:36px; line-height:36px; text-align:center; margin-top:17px;}
.navlist li{float:left; position:relative;}
.navlist img{float:left; width:1px; height:36px;}
.navlist li a{color:#fff; display:block; font-size:14px;}
.navlist li a:hover{background:url(../images/nav.jpg) repeat;}
.navlist1{position:absolute; left:0; top:36px; z-index:999; display:none;}
.navlist1 li{width:100%; background:#fff; border-bottom:1px solid #eee; height:34px; line-height:34px; overflow:hidden;}
.navlist1 li a{color:#000;}
.navlist1 li a:hover{background:url(../images/navbg.jpg) repeat; display:block; font-size:12px; color:#fff;}

/*main*/
#main{background:#fff; overflow:hidden; background:url(../images/cbg.jpg) repeat-y;}
.bgs{background:url(../images/bg.jpg) repeat-y; height:35px;}
/*foucs*/
#foucs{width:1002px; height:227px; margin-top:10px;}
.mainbox{overflow:hidden; position:relative;}
.flashbox{overflow:hidden;position:relative;}
.imagebox{position:relative; right:20px; z-index:9999;}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png)}
.curimg{background-image:url(../images/01.png)}

/*left*/
#left{width:218px; margin-bottom:-3000px; padding-bottom:3000px; display:inline; margin-top:-21px;}
#leftnav{width:218px; float:left;}
.title{background:url(../images/t01.jpg) repeat; height:28px; line-height:28px;}
.title h2{padding-left:10px; text-align:left; color:#fff;}
.asidnav{width:220px;}
/*menu*/
.menu{font-family: arial, sans-serif; width:180px; height:150px; position:relative; margin:0 auto; font-size:12px; padding:6px 0 42px 0; z-index:9999;}
.menu ul li a, .menu ul li a:visited {display:block; width:180px;  color:#333; height:30px; line-height:28px; font-size:15px; overflow:hidden; font-weight:bold}
.menu ul {padding:0; margin:0; }
.menu ul li {float:left; position:relative; background:url(../images/ic1.png) no-repeat 40px 10px; text-indent:60px;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a{color:#333;}
.menu ul li:hover ul{display:block; position:absolute; top:0; left:170px; width:160px;border-bottom:#FFF 1px dotted;}
.menu ul li{border-bottom:1px solid #ccc;}
.menu ul li:hover ul li a.hide{background:#007cba; color:#333;order-left:#FFF 1px solid;}
.menu ul li:hover ul li:hover a.hide{background:#007cba; color:#fff;  border-left:#FFF 1px solid;}
.menu ul li:hover ul li ul{display: none;border-left:#FFF 1px dotted;}
.menu ul li:hover ul li a{display:block; background:#777; color:#333; border-left:#FFF 1px solid;}
.menu ul li:hover ul li a:hover{background:#007cba; color:#fff;border-left:#FFF 1px solid;}
.menu ul li:hover ul li:hover ul{display:block; position:absolute; left:180px; top:0;}

/*leftext*/
#leftext{width:218px; float:left; text-align:center;}
.cuscon{padding:10px 0;}
.cuscon p{color:#333; line-height:22px; font-size:12px; text-align:left; padding-left:10px;}

/*right*/
#right{width:750px; margin-bottom:-3000px; padding-bottom:3000px; display:inherit; margin-right:15px;}
.title1{background:url(../images/t02.jpg) no-repeat; height:33px;}
.title1 h2{padding-left:30px; text-align:left; color:#333;}
.title1 .right{margin:5px 10px 0 0; font-size:12px; color:#333;}
.title2{background:url(../images/t03.jpg) no-repeat; height:33px;}
.title2 h2{padding-left:30px; text-align:left; color:#333;}
.title2 .right{margin:5px 10px 0 0; font-size:12px; color:#333;}
.cmps{ overflow:hidden; margin:10px 0 30px 0;}
.cmps p{text-indent:2em; font-size:12px; line-height:26px; padding:0 10px; color:#333;}
#colee_left{width:750px; overflow:hidden; height:160px; overflow:hidden; margin-top:10px;}
#colee_left td{font-size:12px; color:#333;}
#colee_left img{height:139px; margin-left:5px; border:1px solid #ccc;}

/*footer*/
#footer{background:url(../images/footer.jpg) repeat; height:63px; text-align:center; padding-top:2px; line-height:24px; color:#333;}
#footer a{font-size:12px; margin:0 5px 0 5px; color:#fff;}
#footer p{font-size:12px; margin-top:5px; color:#fff;}

/*cmp*/
.title3{background:url(../images/t04.jpg) no-repeat; height:36px; line-height:33px;}
.title3 h2{padding-left:40px; text-align:left; color:#333;}
.title3 .right{margin:5px 10px 0 0; font-size:12px; color:#333;}
.cmpcon{padding:10px;}
.cmpcon p{text-indent:2em; font-size:12px; line-height:26px; padding:0 10px;}

/*news*/
/*list*/
.list{padding:10px 10px 0 10px;}
.list ul{font-size:12px;}
.list ul li{height:30px; line-height:30px; background:url(../images/ic2.png) no-repeat 10px 13px; text-indent:20px; border-bottom:1px dotted #ccc; overflow:hidden;}
.list ul li a{color:#434343;font-size:12px;}
.list ul li a:hover{color:#007cba;}
.list ul li .right{font-size:12px;}
/*page*/
.page{margin:20px 0 10% 30%; text-align:center;}
.page a{width:20px; height:20px; line-height:20px; background:#888; float:left; margin:3px; color:#fff; text-align:center; font-size:12px;}
.page a:hover{background:#007cba;}
.page a.se{background:#007cba; color:#fff;}
.page a.none{background:none; width:auto; margin:5px 5px 0 5px; color:#434343;}

/*details*/
.caption{border-bottom:1px dotted #ccc; text-align:center; height:30px; line-height:30px; padding-top:20px;}
.caption h1{font-size:16px; color:#666;float:left; margin-left:40%;} 
.content .right{margin:10px 0 10px 0; font-size:12px;}
.content p{margin-bottom:10px; line-height:24px;}
.point{color:#434343; line-height:24px; margin:10px 0 20px 0;}
.point p{text-indent:0;}
.point a{color:#007cba;font-size:12px;}

/*prds*/
.prlist{}
.prlist dl{width:210px; float:left; height:200px; margin:12px; overflow:hidden;  text-align:center;}
.prlist dt{}
.prlist dd{text-align:center; font-size:12px; margin-top:8px; color:#333;}
.prlist img{width:200px; height:150px; border:1px solid #ccc; padding:2px;}

/*prdts*/
.prdts .left img{margin:10px;}
.prdts .left p{line-height:24px; text-indent:0;}
.prdcon{border-top:1px dotted #ccc; padding:20px 0 20px 0;}
.prdcon p{line-height:26px;}

/*music*/
.music{width:773px; overflow:hidden;}
.music .bofang{margin-top:20px; margin-left:-125px;}
.music .muslist{text-align:center;  margin-top:40px; }
.music .muslist ul{width:600px; margin-left:10%;}
.music .muslist ul li{border-bottom:#CCC 1px dotted; height:30px; padding:0 15px; line-height:25px;}
.music .muslist ul li span{float:left; margin-right:20px;}
.music .muslist ul li span a{color:#434343; font-size:12px;}
.music .muslist ul li span a:hover{color:#d80401;}
.music .muslist ul li img{float:right; height:18px; margin-top:5px; }

/*video*/
div#productquery {margin: 0px 5px 10px 17px; text-align: center; float: left; }
div#productquery a{color:#333;}
div#productquery div.fang { padding: 3px; text-align: center; border: 1px solid #eee; }
div#productquery div.picFit { overflow: hidden; }
.picFit { /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle; /*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 149px;*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:118px;height:187px;}
.picFit img {/*设置图片垂直居中*/vertical-align:middle;}

/*cus*/
.cus{width:755px; color:#434343; overflow:hidden; padding-top:15px;}
.cus p{line-height:1.8em; font-size:12px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}